<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>用户资料详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="/res/css/bootstrap.css">
    <link rel="stylesheet" href="/res/css/sm.min.css">
    <link rel="stylesheet" href="/res/css/sm-extend.min.css">
    <link rel="stylesheet" href="/res/css/swiper.min.css">
    <link rel="stylesheet" href="/res/font/iconfont.css">
    <link rel="stylesheet" href="/res/css/common.css">
<body>
<div class="page-group">
    <div class="page page-current">
        <!--<header class="bar bar-nav">-->
            <!--<a class="button button-link button-nav pull-left back" data-transition='slide-out'>-->
                <!--<span class="icon icon-left"></span>-->
                <!--返回-->
            <!--</a>-->
            <!--<h1 class="title">用户资料详情</h1>-->
        <!--</header>-->
        <nav class="bar bar-tab">
            <a class="tab-item external" href="/user/index">
                <span class="icon iconfont icon-shouye"></span>
                <span class="tab-label">首页</span>
            </a>
            <a class="tab-item external" href="/user/adv">
                <span class="icon iconfont icon-chanpin"></span>
                <span class="tab-label">产品</span>
            </a>
            <a class="tab-item external" href="/user/reserve">
                <span class="icon iconfont icon-ding"></span>
                <span class="tab-label">预定</span>
            </a>
            <a class="tab-item active external" href="/user/mine">
                <span class="icon iconfont icon-wode"></span>
                <span class="tab-label">我的</span>
            </a>
        </nav>
        <div class="bar bar-header-secondary">
            <div class="searchbar row">
                <div class="search-input col-80">
                    <label class="icon icon-search" for="search"></label>
                    <input type="search" id='search' placeholder='请输入姓名或手机号码...'/>
                </div>
                <a class="button button-fill button-primary col-20 doSearch" style="top: auto">搜索</a>
            </div>
        </div>

        <div class="content">
            <div class="buttons-tab">
                <a href="#tab1" class="tab-link active button">安装</a>
                <a href="#tab2" class="tab-link button">续租</a>
                <a href="#tab3" class="tab-link button">报修</a>
                <a href="#tab4" class="tab-link button">买断</a>
                <a href="#tab5" class="tab-link button">退租</a>
                <a href="#tab6" class="tab-link button">改租</a>
                <a href="#tab7" class="tab-link button">推荐</a>
            </div>
            <div class="tabs">
                <div id="tab1" class="tab active">
                    <div class="table-responsive" style="overflow-y: auto;max-height: 20rem;">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>状态</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="install">
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="tab2" class="tab">
                    <div class="table-responsive" style="overflow-y: auto;max-height: 20rem;">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>状态</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="renew">
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="tab3" class="tab">
                    <div class="table-responsive" style="overflow-y: auto;max-height: 20rem;">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>状态</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="repair">
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="tab4" class="tab">
                    <div class="table-responsive" style="overflow-y: auto;max-height: 20rem;">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>状态</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="buyOut">
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="tab5" class="tab">
                    <div class="table-responsive" style="overflow-y: auto;max-height: 20rem;">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>状态</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="rent">
                            </tbody>
                        </table>
                    </div>
                </div>
                <div id="tab6" class="tab">
                    <div class="table-responsive" style="overflow-y: auto;max-height: 20rem;">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>状态</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="toRent">
                            </tbody>
                        </table>
                    </div>
                </div>

                <div id="tab7" class="tab">
                    <div class="table-responsive" style="overflow-y: auto;max-height: 20rem;">
                        <table class="table table-striped table-bordered">
                            <thead>
                            <tr>
                                <th>姓名</th>
                                <th>电话</th>
                                <th>安装情况</th>
                                <th>推荐人</th>
                                <th>返利</th>
                                <th>时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="referrer">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <!-- 这里是页面内容区 -->
    </div>
</div>
</div>
</div>

<script type='text/javascript' src='/res/js/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/sm-extend.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/jquery-3.2.1.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/swiper.min.js' charset='utf-8'></script>
<script type='text/javascript' src='/res/js/util.js' charset='utf-8'></script>
<script>
    jQuery.noConflict();
    var $j = jQuery;
    $j.loadJs('/res/js/new/manage.js?v_' + Math.random(),null);
</script>
</body>
</html>